<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <!-- 站点图标 -->
    <link rel="shortcut icon" href="static//images//SVG/站点图标.svg">
    <!-- BootstrapCDN -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <title>超市订单管理系统</title>
</head>
    <style>

    .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
    }

    @media (min-width: 768px) {
        .bd-placeholder-img-lg {
            font-size: 3.5rem;
        }
    }

    html,
    body {
        height: 100%;

    }

    body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url("static/images/背景.png");
    }


    .form-signin {
        width: 100%;
        max-width: 390px;
        padding: 40px;
        margin: auto;


        border-radius:30px;
        background-color: #fff;
    }

    .form-control {
        border: 0;
        background-color: #F5F5F5;
    }


    .form-label-group {
        position: relative;
        margin-bottom: 1rem;
    }

    .form-label-group>input,
    .form-label-group>label {
        height: 3.125rem;
        padding: .75rem;
    }

    .form-label-group>label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        pointer-events: none;
        cursor: text;
        /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    .form-label-group input::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder {
        color: transparent;
    }

    .form-label-group input:not(:placeholder-shown) {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
    }

    .form-label-group input:not(:placeholder-shown)~label {
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: 12px;
        color: #777;
    }

    /* Fallback for Edge
-------------------------------------------------- */
    @supports (-ms-ime-align: auto) {
        .form-label-group>label {
            display: none;
        }

        .form-label-group input::-ms-input-placeholder {
            color: #777;
        }
    }

    /* Fallback for IE
-------------------------------------------------- */
    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast: active) {
        .form-label-group>label {
            display: none;
        }

        .form-label-group input:-ms-input-placeholder {
            color: #777;
        }
    }
</style>
<body>
<form class="form-signin" action="${pageContext.request.contextPath}/verify" method="post" >
    <div class="text-center mb-4">
        <img class="mb-4" src="static/images/SVG/超市.svg" alt="" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal">超市系统管理</h1>
    </div>

    <div class="form-label-group">
        <input type="text" id="inputEmail" class="form-control" name="userCode" placeholder ="Email address" required autofocus>
        <label for="inputEmail" style="color: #AAAAAA;">账号</label>
    </div>

    <div class="form-label-group">
        <input type="password" id="inputPassword" class="form-control" name="userPassword" placeholder="Password" required>
        <label for="inputPassword" style="color: #AAAAAA;">密码</label>
    </div>

    <div class="checkbox mb-3">
        <label style="color: #AAAAAA;">
            <input type="checkbox" value="remember-me" > 是否记住密码？
        </label>
    </div>
    <button class="btn btn-lg btn-danger btn-block" type="submit">登 录</button>
    <p class="mt-5 mb-3 text-muted text-center">&copy; 2021-2022</p>
</form>
</body>
</html>
